<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml"
      xmlns:v-bind="http://www.w3.org/1999/xhtml"
      xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <meta charset="UTF-8">
    <title>碎片整合</title>
    <!--引入css-->
    <!-- <link th:href="@{http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css}" rel="stylesheet" > -->
    <!-- <link th:href="${'/css/sbDemo.css'}" rel="stylesheet" /> -->
    <link th:href="${'/vendors/bootstrap/dist/css/bootstrap.min.css'}" rel="stylesheet" />
    <link th:href="${'/vendors/font-awesome/css/font-awesome.min.css'}" rel="stylesheet" />
    <link th:href="${'/css/custom.css'}" rel="stylesheet" />
    <!--引入js-->
    <script th:src="${'/vendors/jquery/dist/jquery.min.js'}" type="text/javascript"></script>
    <script th:src="${'/vendors/bootstrap/dist/js/bootstrap.bundle.min.js'}" type="text/javascript"></script>
    <!--引入layer-->
    <script th:src="@{https://cdn.bootcss.com/layer/2.1/layer.js}"
            type="text/javascript"></script>

    <!-- 删除确认框-->
    <script th:src="${'/vendors/bootbox/bootbox.js'}" type="text/javascript"></script>
</head>
<body class="nav-md">
    <div class="container body">
        <div class="main_container">
            <!-- 引入碎片文件 sidebar.html-->
            <div th:replace="fragments/sidebar"></div>

            <!-- 引入碎片文件 header.html-->
            <div th:replace="fragments/headers"></div>

            <!-- body content -->
            <div th:if="${template}">
                <div th:replace="${template}"></div>
            </div>


            <!-- 引入碎片文件 footer.html-->
            <div th:replace="fragments/footer"></div>

        </div>
    </div>
<!--引入js-->
<script th:src="${'/js/custom.js'}" type="text/javascript"></script>
</body>
</html>